<div class="init-width">
    <div class="content-wrapper">
        <div class="title-info">
            <h4 class="app-title">{{$t('nav.user')}}</h4>
        </div>
        <div class="content-info flex-wrapper no-search user no-padding-bottom">
            <div class="overflow-touch">
                <div @click="login" class="item item-lg margin-top-15 ">
                    <div class="item-icon-circle icon-lg">
                        <img src="images/default_avatar.png"/>
                    </div>
                    <div class="item-name">
                        <span>{{currentUser}}</span>
                    </div>
                    <div class="item-power-small">
                        <!--<i class="icon-right font-lg"></i>-->
                    </div>
                </div>
                <div class="item margin-top-15">
                    <div class="item-icon">
                        <i class="icon-network icon-blue"></i>
                    </div>
                    <div class="item-name item-bettwen">
                        <span>{{$t('network')}}</span>
                        <span>{{currentWifi}}</span>
                    </div>
                    <div class="item-power-small">
                        <!--<i class="ivu-icon ivu-icon-chevron-right font-lg"></i>-->
                    </div>
                </div>
                <div @click="bugFun" class="item margin-top-15">
                    <div class="item-icon rotate-180">
                        <i class="icon-network icon-light-blue"></i>
                    </div>
                    <div class="item-name">
                        <span>{{$t('topology')}}</span>
                    </div>
                    <div class="item-power-small">
                        <i class="icon-right font-lg"></i>
                    </div>
                </div>
                <div @click="otaFun" class="item">
                    <div class="item-icon">
                        <i class="icon-co_upgrade icon-light-blue"></i>
                    </div>
                    <div class="item-name item-bettwen">
                        <span>{{$t('otaUpdate')}}</span>
                        <span v-show="otaList.length > 0">
                            <mt-badge size="small" type="primary">{{otaList.length}}</mt-badge>
                        </span>
                    </div>
                    <div class="item-power-small">
                        <i class="icon-right font-lg"></i>
                    </div>
                </div>
                <div @click="changeLocal" class="item">
                    <div class="item-icon">
                        <i class="icon-jia icon-light-blue"></i>
                    </div>
                    <div class="item-name">
                        <span>本地</span>
                    </div>
                    <div class="item-power-small">
                        <i class="icon-right font-lg"></i>
                    </div>
                </div>
                <div @click="tmFun" class="item">
                    <div class="item-icon">
                        <i class="icon-tm icon-light-blue"></i>
                    </div>
                    <div class="item-name">
                        <span>天猫精灵</span>
                    </div>
                    <div class="item-power-small">
                        <i class="icon-right font-lg"></i>
                    </div>
                </div>
                <div @click="setFun" class="item">
                    <div class="item-icon">
                        <i class="icon-gear icon-light-blue"></i>
                    </div>
                    <div class="item-name">
                        <span>{{$t('set')}}</span>
                    </div>
                    <div class="item-power-small">
                        <i class="icon-right font-lg"></i>
                    </div>
                </div>
                <!--<div @click="timingListFun" class="item">-->
                <!--<div class="item-icon">-->
                <!--<i class="icon-time icon-light-blue"></i>-->
                <!--</div>-->
                <!--<div class="item-name">-->
                <!--<span>定时</span>-->
                <!--</div>-->
                <!--<div class="item-power-small">-->
                <!--<i class="icon-right font-lg"></i>-->
                <!--</div>-->
                <!--</div>-->
            </div>

        </div>
        <v-footer :current="user"></v-footer>
    </div>
    <v-set v-on:setShow="onBackUser" ref="set"></v-set>
    <v-userinfo v-on:userInfoShow="onBackUser" ref="info"></v-userinfo>
    <v-deviceIbeacon v-on:deviceIbeaconShow="onBackUser" ref="ibeacon"></v-deviceIbeacon>
    <v-selectDevice v-on:selectDeviceShow="onBackUser" :otaList="otaList" ref="select"></v-selectDevice>
    <v-scan v-on:scanShow="onBackUser" ref="scan"></v-scan>
    <v-pair v-on:pairShow="onBackUser" ref="pair"></v-pair>
    <!--<v-pairList v-on:pairListShow="onBackUser" ref="pairList"></v-pairList>-->
    <v-debug v-on:debugShow="onBackUser" ref="debug"></v-debug>
    <v-blueList v-on:blueListShow="onBackUser" ref="blueList"></v-blueList>
    <v-tm v-on:tmShow="onBackUser" ref="tm"></v-tm>
    <!--<v-timingList v-on:timingListShow="onBackUser" ref="timingList"></v-timingList>-->
</div>
